.infoWrap {
	height: 15%;
	display: flex;
	font-size: 3vmin;
	color: #555;
	font-weight: 600;
	justify-content: space-around;
	align-items: center;
}

.cellsListWrap {
	/* border: 1px solid black; */
	height: 80%;
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	padding: 0 0vmin 5vmin 0vmin;
}

.list-item {
	/* display: inline-block; */
	transition: all 0.5s;
}

.list-enter, .list-leave-to
/* .list-complete-leave-active for below version 2.1.8 */

	{
	opacity: 0;
	transform: translateY(30px);
}

.list-leave-active {
	position: absolute;
}

.cell {
	position: relative;
	color: white;
	font-weight: 600;
	width: 3.5vmin;
	box-shadow: 0 0 1vmin black;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	padding: 0 0 5vmin 0;
	font-size: 3vmin;
	border-radius: 0.3vmin;
}

.i_j {
	position: absolute;
	bottom: -5vmin;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 3vmin;
	color: #999;
	font-weight: 800;
}

.key {
	font-weight: 600;

	position: absolute;
	bottom: -0vmin;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 3vmin;
	color: rgb(255, 110, 110);
}

.progress{
	transition: 0.5s;
	height: 0.5vmin;
	width: 70vmin;
	background-color: rgb(92, 255, 141);
}